import LeftClassLists from "./TopList/LeftClassLists"
import RightDetailLists from "./TopList/RightDetailLists"
import { useState } from 'react'

function TopList () {
  const [listsId, setlistsId] = useState('')
  return (
    <div id='TopList' className='twoMpage'>
      <LeftClassLists getRankId={getRankId} />
      <RightDetailLists id={listsId} />
    </div>
  )
  function getRankId (id) {
    console.log('props', id)
    setlistsId(id)
  }
} 
export default TopList